﻿@model String
@{
    ViewBag.Title = "Fotos";
}
<!--
	Supersized - Fullscreen Background jQuery Plugin
	Flickr Edition Version 1.1.2
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
	-->
<link rel="stylesheet" href="../../Content/supersized.css" type="text/css" media="screen" />
<script type="text/javascript" src="../../Scripts/supersized.flickr.1.1.2.js"></script>
<script type="text/javascript">

    jQuery(function ($) {
        $.supersized({

            //Functionality
            slideshow: 1, 	//Slideshow on/off
            autoplay: 1, 	//Slideshow starts playing automatically
            start_slide: 1, 	//Start slide (0 is random)
            random: 0, 	//Randomize slide order (Ignores start slide)
            slide_interval: 5000, //Length between transitions
            transition: 1, 		//0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
            transition_speed: 750, //Speed of transition
            new_window: 1, 	//Image links open in new window/tab
            pause_hover: 0, 	//Pause slideshow on hover
            keyboard_nav: 1, 	//Keyboard navigation on/off
            performance: 1, 	//0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
            image_protect: 1, 	//Disables image dragging and right click with Javascript
            image_path: '../../Content/Layout/Flickr/', //Default image path

            //Size & Position
            min_width: 0, 	//Min width allowed (in pixels)
            min_height: 0, 	//Min height allowed (in pixels)
            vertical_center: 1, 	//Vertically center background
            horizontal_center: 1, 	//Horizontally center background
            fit_portrait: 1, 	//Portrait images will not exceed browser height
            fit_landscape: 0, 	//Landscape images will not exceed browser width  

            //Components
            navigation: 1, 	//Slideshow controls on/off
            thumbnail_navigation: 1, 	//Thumbnail navigation
            slide_counter: 1, 	//Display slide numbers
            slide_captions: 1, 	//Slide caption (Pull from "title" in slides array)

            //Flickr
            source: 1, 					//1-Set, 2-User, 3-Group, 4-Tags
            set: '@Model', 				//Flickr set ID (found in URL)
            user: '######', 			//Flickr user ID (http://idgettr.com/)
            group: '######', 				//Flickr group ID (http://idgettr.com/)
            tags: '###,###',    //Comma separated tags
            total_slides: 100, 				//How many pictures to pull (Between 1-500)
            image_size: 'b', 					//Flickr Image Size - t,s,m,z,b  (Details: http://www.flickr.com/services/api/misc.urls.html)
            sort_by: 1, 	//1-Date Posted, 2-Date Taken, 3-Interestingness
            sort_direction: 0, 	//0-descending, 1-ascending

            /**
            FLICKR API KEY
            NEED TO GET YOUR OWN -- http://www.flickr.com/services/apps/create/
            **/
            api_key: 'de6c332d9fd6ccb754f274992c9184ca'		//Flickr API Key

        });
    });
		
	</script>
<div id="prevthumb">
</div>
<div id="nextthumb">
</div>
<!--Control Bar-->
<div id="controls-wrapper">
    <div id="controls">
        <!--Slide counter-->
        <div id="slidecounter">
            <span class="slidenumber"></span>/<span class="totalslides"></span>
        </div>
        <!--Slide captions displayed here-->
        <div id="slidecaption">
        </div>
        <!--Navigation-->
        <div id="navigation">
            <img id="prevslide" src="../../Content/Layout/Flickr/back_dull.png" alt="Voltar" />
            <img id="pauseplay" src="../../Content/Layout/Flickr/pause_dull.png" alt="Pausar" />
            <img id="nextslide" src="../../Content/Layout/Flickr/forward_dull.png" alt="Próximo" />
        </div>
        <a href="http://www.buildinternet.com" class="stamp">
            <img src="../../Content/Layout/Flickr/supersized-logo.png" alt="Build Internet Logo" /></a>
    </div>
</div>
